@import '../../app.scss';

.top {
  position: relative;
  height: 200rpx;

  .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200rpx;
  }

  .type-box {
    position: absolute;
    top: 0;
    height: 200rpx;
    left: 0;
  }

  .active {
    border-bottom: 3rpx solid #fff;
  }



  .money-box {
    width: 90%;
    box-sizing: border-box;
    position: absolute;
    top: 10%;
    left: 5%;
    height: 219rpx;
    border-radius: 20rpx;
    background: linear-gradient(90deg, rgba(220, 149, 56, 1), rgba(255, 187, 98, 1));

    .title-box {
      align-self: flex-start;
    }

    .money {
      width: 90%;
      position: absolute;
      bottom: 30rpx;
      box-sizing: border-box;
      font-size: 60rpx;
    }
  }
}

.isActive {
  border-bottom: 3rpx solid map-get($map: $colors, $key: "blue");
  color: map-get($map: $colors, $key: "blue");
}

.content {
  padding: 0 20rpx;
}